<template>
  <div class="shopDetail">
    <div class="shopDetail_main">
      <!-- header start -->
      <Header />
      <!-- header end -->
      <!-- search  start-->
      <Search />
      <!-- search end -->
      <!-- classify start  -->
      <Classify />
      <!-- classufy end -->
      <!-- shopSwiper start -->
      <div class="shopSwiper">
        <div class="shopSwiper_left">
          <div class="shopSwiper_left_top"></div>
          <div class="shopSwiper_left_bottom">
            <div class="shopSwiper_leftBottom_item"></div>
            <div class="shopSwiper_leftBottom_item"></div>
            <div class="shopSwiper_leftBottom_item"></div>
            <div class="shopSwiper_leftBottom_item"></div>
          </div>
        </div>
        <div class="shopSwiper_right">
          <div class="shopSwiper_right_title">
            <p>商品标题</p>
            <span>￥999</span>
          </div>
          <div class="shopSwiper_right_guige">
            <p>选择规格</p>
            <div class="right_guige">
              <div class="right_guige_title">规格A</div>
              <div class="right_guige_box">
                <div class="right_guige_item">规格一</div>
                <div class="right_guige_item">规格二</div>
                <div class="right_guige_item">规格三</div>
              </div>
            </div>
            <div class="right_guige">
              <div class="right_guige_title">规格A</div>
              <div class="right_guige_box">
                <div class="right_guige_item">规格一</div>
                <div class="right_guige_item">规格二</div>
                <div class="right_guige_item">规格三</div>
              </div>
            </div>
          </div>

          <div class="shopSwiper_right_yixuan">
            <div class="right_yixuan_title">已选</div>
            <div class="right_yixuan_box">
              <div class="right_yixuan_left">xxxx</div>
              <div class="right_yixuan_price">￥1254</div>
              <div class="right_yixuan_right">
                <div class="right_yixuan_jia">-</div>
                <div class="right_yixuan_num">2</div>
                <div class="right_yixuan_jian">+</div>
              </div>
            </div>
          </div>
          <div class="addition">
            <div class="addition_left">加入购物车</div>
            <div class="addition_right">立即购买</div>
          </div>
        </div>
      </div>
      <!-- shopSwiper end -->
      <!-- shop_parts start -->
      <div class="shop_parts">
        <div class="shop_parts_title">商品详情</div>
        <div class="shop_parts_img"><img src="" alt="" /></div>
      </div>
    </div>
    <!-- shop_parts end -->
    <!-- footer  start-->
    <Footer />
    <!-- footer end -->
    <!-- copyright start -->
    <Copyright />
    <!-- copyright end-->
  </div>
</template>
<script>
export default {};
</script>
<style lang="less" scoped>
@import url("../assets/shopDetail.css");
</style>